<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
 	<script src="/public/sp/js/mui.min.js"></script>
    <link href="/public/sp/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/public/sp/css/style.css" />
    <link rel="stylesheet" href="/public/sp/css/iconfont.css" />
    <link rel="stylesheet" href="/public/sp/css/shoupiao.css" />
</head>
<body>
	<header class="mui-bar mui-bar-nav">
	    <h1 class="mui-title">2018年第六届中国(湖南)国际矿物博览会</h1>
	</header>
{include file="bottom" /}
	
	<div class="mui-content gp_content" style="padding-bottom: 50px;">
	    <div class="gp_conbox">
	    	<div class="gp_top clearfix">
	    		<div class="left"><img src="/public/sp/images/logo.png"></div>
	    		<div class="right">
	    			<p class="time">郴州国际会展中心</p>
	    			<p class="time">2018.05.18-18.05.22</p>
	    			<p class="time">09:00-17:00</p>
	    			<p class="time">招商热线:18873530101</p>
	    		</div>
	    	</div>
	    	<div class="gp_ad">
				<div id="slider" class="mui-slider sj_slider">
					<div class="mui-slider-group mui-slider-loop">
						{if $ads} {foreach name="ads" item="ad"}
						<div class="mui-slider-item">
							<a href="{$ad.url}">
								<img src="{$ad.thumb}">
							</a>
						</div>
						{/foreach}
						<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="{$ads[0]['url']}">
								<img src="{$ads[0]['thumb']}">
							</a>
						</div>
						{else/}
						<div class="mui-slider-item">
							<img id="second" src="/public/sp/images/syad.jpg">
						</div>
						{/if}
					</div>
					<div class="mui-slider-indicator">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
						<div class="mui-indicator"></div>
					</div>
				</div>
	    	</div>
	    	<div class="gp_pitem clearfix">
	    		<div class="left">
	    			<div class="redp">免<br />费<br />门<br />票</div>
	    		</div>
	    		<div class="right">
	    			<p class="type">分享即得免费门票</p>
	    			<p class="nr">分享一次即得免费门票,关注城市乐享公众号,分享页面至朋友圈即可领取门票,数量有限,先到先得</p>
	    			<p class="gp_button"><a href="{:url('shareticket')}">分享领票</a></p>
	    		</div>
	    	</div>
	    	<div class="gp_pitem gp_dzp clearfix">
	    		<div class="left">
	    			<div class="redp">乐<br />享<br />套<br />票<br /></div>
	    		</div>
	    		<div class="right">

	    			<p class="type clearfix">矿博会增值服务套票<em style="font-size: 0.75rem;">乐享价20￥</em></p>
	    			<p class="nr">乐享特权:矿博会入场绿色通道+美食节体验券+专车接送资格+寻矿兑奖+矿晶拍卖现金抵扣。</p>

	    			<p class="gp_button"><a href="{:url('buyticket')}">购买套票</a></p>
	    		</div>
	    	</div>
	    	<div class="kbh_tips" style="text-align: center;"><span >本届矿博会均采用电子门票入场</span>
	    	</br><span >城市乐享为本次矿博会唯一电子票务平台</span>
	    	</div>
    	 	<div class="kbhjs">
	    		<div class="bt">矿博会看点</div>
	    		<div class="kbhnr">
	    			<p>{if isset($about)}{$about|html_entity_decode}{/if}</p>
	
	    			<p><img src="/public/sp/images/syad.jpg"></p>
	    		</div>
	    	</div>
	   
	    </div>
	    <div class="spbottom">郴州龙信天下网络科技有限公司提供技术支持</div>
	</div>
	
	{include file="bottom" /}
</body>
<script src="/public/static/js/jquery-3.3.1.min.js"></script>
<script src="/public/static/layui/layui.all.js"></script>
<script src="/public/static/js/help.js "></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js "></script>

<script>
	var gallery = mui('.mui-slider');
	gallery.slider({
		interval: 3000 //自动轮播周期，若为0则不自动播放，默认为0；
	});
</script>
<script>
	var gurl = "{$url}";
	desc = "{$share_content}";
	var news = {
		"title": "{$share_title}",
		"desc": desc,
		"imgUrl": "https://" + document.domain + "/public/sp/images/logo.png",
		"link": gurl
	};
	share_set(news);
</script>
</html>
